<template>
  <div class="commond">
     <div class="title">周末去哪儿</div>
     <ul>
        <li class="itemWrap" v-for="item in weekList" :key="item.id">
          <img class="itemImg" :src="item.imgUrl" />
          <div class="itemInfo">
            <p class="itemTitle">{{item.title}}</p>
            <p class="itemDesc">{{item.desc}}</p>
          </div>
        </li>
     </ul>
  </div>
</template>

<script>
export default {
  name: 'Commond',
  props: {
    weekList: Array
  }
}
</script>

<style lang="stylus" scoped>
@import '~style/mixins.styl'
.title
  margin-top:0.2rem
  line-height:0.8rem
  background:#eee
  text-indent:0.2rem
.itemWrap
  overflow:hidden
  height:4rem
  .itemImg
    width:100%
  .itemInfo
    padding:0 0.2rem
    .itemTitle
      line-height:0.6rem
      font-size:0.25rem
      ellipsis()
    .itemDesc
      line-height:0.3rem
      color:#9b9a9a
      font-size:0.25rem
      ellipsis()
</style>
